<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>注册页面</title>
	<link type="text/css" rel="stylesheet" href="../css/style.css"/>
	<script type="text/javascript" src="../js/javascript.js"></script>
</head>
<body>
<%@include file="top.jsp" %>

<div id="middle">
	<div id="position">
		您现在的位置是&nbsp;&gt;&nbsp;<a href="index.jsp">网上商城</a>&nbsp;&gt;&nbsp;注册页面
	</div>
	<div id="register">
		<h1>欢迎注册网上商城</h1>
		<form action="../UserServlet" method="post" onsubmit="return checkSubmit()">
			<input type="hidden" name="action" value="register"/>
			<table>
				<tr>
					<td align="right" style="width:80px;">用户名：</td>
					<td style="width:270px;"><input type="text" size="30" placeholder="请输入您的用户名"  name="username" onblur="checkItem(this)"/></td>
					<td><span></span></td>
				</tr>
				<tr>
					<td align="right">密码：</td>
					<td><input type="password" size="30" placeholder="请输入您的密码" name="password" onblur="checkItem(this)"/></td>
					<td><span></span></td>
				</tr>
				<tr>
					<td align="right">确认密码：</td>
					<td><input type="password" size="30" placeholder="请确认您的密码" name="repassword" onblur="checkItem(this)"/></td>
					<td><span></span></td>
				</tr>
				<tr>
					<td align="right">姓名：</td>
					<td><input type="text" size="30" placeholder="请输入您的真实姓名" name="name" onblur="checkItem(this)"/></td>
					<td><span></span></td>
				</tr>
				<tr>
					<td align="right">性别：</td>
					<td>
						<input type="radio" name="sex" value="男" onblur="checkItem(this)"/>男
						<input type="radio" name="sex" value="女" onblur="checkItem(this)"/>女
					</td>
					<td><span></span></td>
				</tr>
				<tr>
					<td align="right">出生日期：</td>
					<td><input type="date" name="birthdate" onblur="checkItem(this)"/></td>
					<td><span></span></td>
				</tr>
				<tr>
					<td align="right">电话号码：</td>
					<td><input type="tel" size="30" placeholder="请输入您的手机号码" name="phone" onblur="checkItem(this)"/></td>
					<td><span></span></td>
				</tr>
				<tr>
					<td align="right">验证码：</td>
					<td style="font-size:12px;">
						<input type="text" placeholder="请识别右侧的验证码" name="verification"/>
						<img id="verification" src="../VerificationServlet" alt="看不清，换一张" align="top"/>
					</td>
					<td><span></span></td>
				</tr>
				<tr>
					<td></td>
					<td><input type="submit" value="注册" class="button"/></td>
					<td><span></span></td>
				</tr>
			</table>
		</form>
	</div>
</div>

<%@include file="bottom.jsp" %>
</body>
</html>